<!DOCTYPE html>
<html>
<#include "inc/head.ftl"/>
<body>
	<#include "inc/commonhead.ftl"/>
	
	<!--推荐-->
	<div class="categoires">
		 <div class="container">
			 <a href="#"><div class="col-md-4 sections fashion-grid-a">
				 <h4>新品上市</h4>
				 <p>4月26上新</p>			 					
			 </div></a>
			 <a href="#"><div class="col-md-4 sections fashion-grid-b">
				 <h4>本周精选</h4>
				 <p>全是爆款</p>			 					
			 </div></a>
			 <a href="#"><div class="col-md-4 sections fashion-grid-c">
				 <h4>DRESS</h4>
				 <p>连衣裙精选</p>				
			 </div></a>
		 </div>
	</div>
<!--推荐服装-->
	<div class="features" id="features">
		 <div class="container">
			 <div class="tabs-box">
				<ul class="tabs-menu">
					<li><a href="#tab1">春装折扣</a></li>
					<li><a href="#tab2">流行款</a></li>
					<li><a href="#tab3">往期精选</a></li>
				</ul>
				<div class="clearfix"> </div>
			 <div class="tab-grids">
				 <div id="tab1" class="tab-grid1">
				 	<#if top?exists>
					 	<#list top?keys as key>
					 		<#if key == "100">
					 		  <#list top[key] as product>
						 		<div class="product-grid">	
							 	<a href="/detail/${product.sn}">				  
									<div class="more-product-info">
										<#if (product.newProduct)?string('true','false') == "true">
										<span>NEW</span>
										</#if>
									</div>
									<div class="product-img b-link-stripe b-animate-go  thickbox">   
										<img src="${product.img!}" class="img-responsive" alt=""/>
										<div class="b-wrapper">
										<h4 class="b-animate b-from-left  b-delay03">		
											<button class="btns">马上下单</button>
										</h4>
										</div>
									</div>
								</a>						
								<div class="product-info simpleCart_shelfItem">
										<div class="product-info-cust">
											<h4>
												<#if product.name?length lt 13>   
													${product.name}
												<#else> 
												    ${(product.name)?substring(0,12)}...
												</#if>
											 </h4>
											<span class="item_price">￥${product.price!}</span>
											<input type="text" class="item_quantity" value="1" />
											<input type="button" class="item_add" value="立即购买">
										</div>													
										<div class="clearfix"> </div>
								</div>
							 </div>
						     </#list>
						  </#if>		
					 	</#list>
				 	</#if>
					<div class="clearfix"></div>
				 </div>				
				 <div id="tab2" class="tab-grid2">
				 	<#if top?exists>
					 	<#list top?keys as key>
					 		<#if key == "101">
					 		  <#list top[key] as product>
						 		<div class="product-grid">	
							 	<a href="single.html">				  
									<div class="more-product-info">
										<#if (product.newProduct)?string('true','false') == "true">
										<span>NEW</span>
										</#if>
									</div>
									<div class="product-img b-link-stripe b-animate-go  thickbox">   
										<img src="${product.img!}" class="img-responsive" alt=""/>
										<div class="b-wrapper">
										<h4 class="b-animate b-from-left  b-delay03">		
											<button class="btns">马上下单</button>
										</h4>
										</div>
									</div>
								</a>						
								<div class="product-info simpleCart_shelfItem">
										<div class="product-info-cust">
											<h4>
												<#if product.name?length lt 13>   
													${product.name}
												<#else> 
												    ${(product.name)?substring(0,12)}...
												</#if>
											 </h4>
											<span class="item_price">￥${product.price!}</span>
											<input type="text" class="item_quantity" value="1" />
											<input type="button" class="item_add" value="立即购买">
										</div>													
										<div class="clearfix"> </div>
								</div>
							 </div>
						     </#list>
						  </#if>		
					 	</#list>
				 	</#if>
					<div class="clearfix"></div>
				 </div> 	
				
			 	  <div id="tab3" class="tab-grid3">
				 	<#if top?exists>
					 	<#list top?keys as key>
					 		<#if key == "102">
					 		  <#list top[key] as product>
						 		<div class="product-grid">	
							 	<a href="single.html">				  
									<div class="more-product-info">
										<#if (product.newProduct)?string('true','false') == "true">
										<span>NEW</span>
										</#if>
									</div>
									<div class="product-img b-link-stripe b-animate-go  thickbox">   
										<img src="${product.img!}" class="img-responsive" alt=""/>
										<div class="b-wrapper">
										<h4 class="b-animate b-from-left  b-delay03">		
											<button class="btns">马上下单</button>
										</h4>
										</div>
									</div>
								</a>						
								<div class="product-info simpleCart_shelfItem">
										<div class="product-info-cust">
											<h4>
												<#if product.name?length lt 13>   
													${product.name}
												<#else> 
												    ${(product.name)?substring(0,12)}...
												</#if>
											 </h4>
											<span class="item_price">￥${product.price!}</span>
											<input type="text" class="item_quantity" value="1" />
											<input type="button" class="item_add" value="立即购买">
										</div>													
										<div class="clearfix"> </div>
								</div>
							 </div>
						     </#list>
						  </#if>		
					 	</#list>
				 	</#if>
					<div class="clearfix"></div>
				 </div>
				 
			  </div>				
			 </div>
				<!-- tabs-box -->
				<!-- Comman-js-files -->
				<script>
				$(document).ready(function() {
					$("#tab2").hide();
					$("#tab3").hide();
					$(".tabs-menu a").click(function(event){
						event.preventDefault();
						var tab=$(this).attr("href");
						$(".tab-grid1,.tab-grid2,.tab-grid3").not(tab).css("display","none");
						$(tab).fadeIn("slow");
					});
					$("ul.tabs-menu li a").click(function(){
						$(this).parent().addClass("active a");
						$(this).parent().siblings().removeClass("active a");
					});
				});
				</script>
				<!-- Comman-js-files -->
		 </div>
	</div>
	<!--推荐服装end-->
	<div class="fotter">
		 <div class="container">
		 <div class="col-md-6 contact">
			  <form>
				 <input type="text" class="text" value="姓名..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '姓名...';}">
				 <input type="text" class="text" value="Email..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email...';}">
				 <textarea onfocus="if(this.value == '留言...') this.value='';" onblur="if(this.value == '') this.value='留言...';" >留言...</textarea>	
				 <div class="clearfix"></div>
				 <input type="submit" value="提交">
			 </form>
	
		 </div>
		 <div class="col-md-6 ftr-left">
			 <div class="ftr-list">
				 <ul>
					 <li><a href="#">首页</a></li>
					 <li><a href="about.html">了解我们</a></li>
					 <li><a href="blog.html">最新活动</a></li>
					 <li><a href="products.html">会员中心</a></li>
					 <li><a href="products.html">会员制度</a></li>
					 <li><a href="shop.html">积分兑换</a></li>
					 <li><a href="404.html">配送流程</a></li>
					 <li><a href="contact.html">工作机会</a></li>
				 </ul>
			 </div>
			 <div class="ftr-list2">
				 <ul>				 
					 <li><a href="#">配送流程</a></li>
					 <li><a href="#">配送说明</a></li>
					 <li><a href="#">退货制度</a></li>
					 <li><a href="contact.html">联系我们</a></li>
					 <li><a href="#">常见问题</a></li>
					 <li><a href="#">门店地址</a></li>
					 <li><a href="#">帮助中心</a></li>
				 </ul>
			 </div>
			 <div class="clearfix"></div>
			
		 </div>	 
	
	</div>

	<#include "inc/footer.ftl"/>
	<#include "inc/commonfootjs.ftl"/>
</body>
</html>